.mui-bar-nav{
	background: #2B2B2B;
	-webkit-box-shadow:0 0 0 #2B2B2B !important;
}
.box{
	background: #2B2B2B;
}
.userinfo{
	overflow: hidden;
	position: relative;
	padding: 10px;
}
.userinfo img{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	float: left;
}
.userinfo h4{
	float: left;
	color: #FFF;
	font-size: 15px;
	position: relative;
	left: 20px;
	top: 15px;
}
.userinfo span{
	color: #FFF;
	position: absolute;
	right: 0px;
	top: 25px;
	font-size: 16px;
}

.fourbtn{
	margin-top: 10px;
	overflow: hidden;
	padding: 10px 0px;
}

.fourbtn div{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 16px;
	color: #FFF;
}

.fourbtn div h5{
	font-size: 12px;
}
.threebtn{
	overflow: hidden;
	padding: 15px 0px;
	background: #FFF;
}
.threebtn div{
	float: left;
	width: 33.33%;
	text-align: center;
}
.threebtn div span{
	font-size: 18px;;
}
.c1{
	color: orange;
}
.c2{
	color: mediumvioletred;
}
.c3{
	color: cornflowerblue;
}

.lists{
	margin-top: 10px;
}
.badgered{
	position: relative;
	left: 5px;
	top: -1px;
}
.lists ul li{
	font-size: 14px;
}
.lists ul{
	margin-bottom: 10px;
}
.righttext{
	font-size: 11px;
	color: #999;
	position: absolute;
	right: 30px;
}
.cellicon{
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	border-radius: 15px;
	margin-right: 10px;
	color: #FFFFFF;
}
.bg1{
	background: orange;
}
.bg2{
	background: palevioletred;
}
.bg3{
	background: cornflowerblue;
}